<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>events</title>
		<script src="vendor/sHover.min.js" type="text/javascript" charset="utf-8"></script>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link rel="stylesheet" href="fonts/font-awesome.min.css" />
		<link rel="stylesheet" href="dist/core.css">

		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body>
		<div class="site_wrapper">
			<div class="retruntop">
				<i class="fa  fa-angle-up"></i>
				<div class="title">TOP</div>
			</div>
			<header class="site_header">
				<div class="content">
					<nav class="nav">
						<ul id="navMenu" class="nav_menu">
							<li class="nav_toggle" id="toggleIcon">
								<i class="fa fa-align-justify"></i>
								<i class="fa fa-close"></i>
							</li>
							<li class="signin_toggle" id="signinIcon">
								<i class="fa fa-user"></i>
							</li>
							<li class="home_logo">
								<img src="img/site_logo.png" />
							</li>
						</ul>
						<ul id="navList" class="nav_list">
							<li class="header_logo">
								<img src="img/site_logo.png" />
							</li>
							<li class="item">
								<a href="index.html">HOME</a>
							</li>
							<li class="item">
								<a href="about-church.html">ABOUT THE CHURCH</a>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="latest-news.html">LATEST NEWS</a>
									<ul class="item-inner">
										<li>
											<a href="latest-news-nav.html">NEWSNAV</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="sermons.html">SERMONS</a>
									<ul class="item-inner">
										<li>
											<a href="latest-sermons.html">SERINTRO</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="events.html" class="current">EVENTS</a>
									<ul class="item-inner">
										<li>
											<a href="events2.html">RECOM</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item item-inner-list">
								<div class="inner-list">
									<a href="medla-gallery.html">MEDIA GALLERY</a>
									<ul class="item-inner">
										<li>
											<a href="medla-gallery-nav.html">GALNAV</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<a href="contactus.html">CONTACT US</a>
							</li>
							<li class="list_down">
								<a>
									<i class="fa fa-list"></i>
									<i class="fa fa-caret-down"></i>
								</a>
								<ul>
									<li>
										<a href="javaScript:;">LOGIN</a>
									</li>
									<li>
										<a href="javaScript:;">REGISTER</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
			</header>
			<section class="site_container clearfix">
				<div class="content">
					<section class="envent1-top envent1-top2"></section>

					<section class="envent1-saarch">
						<div class="search-center clearfix">
							<div class="center-time fl">
								<div class="month-day">
									<h2>SEP</h2>
									<h3>21st</h3>
								</div>
							</div>
							<div class="center-title fl">
								<h2>Night Sky:Visivle Planets & Moon Phases</h2>
								<h3>written by 
									<a href="#"><i>dany duchaine</i></a>
									 &nbsp;in 
									<a href="#"><i> events</i></a>
								</h3>
							</div>
							<div class="center-search fr sermons-search">
								<span><i class="fa fa-search"></i></span>
								<input type="text" placeholder="SEARCH THE SITE" />
							</div>
						</div>
					</section>
					<section class="envent1-message block clearfix">
						<div class="message-left fl">
							<div class="left-wrapper clearfix">
								<div class="wrapper-navbar fl">
									<dl class="clearfix">
										<dt class="fl"><i class="fa fa-facebook-f"></i></dt>
										<dd class="fl nav-first">
											<div class="navbar-title">
												Facebook Page Available
											</div>
											<div class="navbar-btn">
												<button>SEE FACEBOOK PAGE</button>
											</div>
										</dd>
									</dl>
									<dl class="clearfix navbar-dl">
										<dt class="fl"><span class="fa  fa-map-marker navbar-map-marker"></span> LOCATION:</dt>
										<dd class="fl">
											<div class="navbar-title">
												<p>3031 Long Hollow Pike</p>
												<p>Hendersonville,TN 37075</p>
											</div>
										</dd>
									</dl>
									<dl class="clearfix navbar-dl">
										<dt class="fl"><span class="fa  fa-calendar navbar-map-marker" style="margin-left: 33px;;"></span> DATE:</dt>
										<dd class="fl">
											<div class="navbar-title">
												<p>Saturday,Oct 21st,2012</p>
											</div>
										</dd>
									</dl>
									<dl class="clearfix navbar-dl">
										<dt class="fl"><span class="fa  fa-clock-o navbar-map-marker" style="margin-left: 38px;;"></span> TIME:</dt>
										<dd class="fl">
											<div class="navbar-title">
												<p>5:00PM to 9:00PM</p>
											</div>
										</dd>
									</dl>
									<dl class="clearfix navbar-dl">
										<dt class="fl"><span class="fa  fa-tags navbar-map-marker" style="margin-left: 28px;;"></span> PRICE:</dt>
										<dd class="fl">
											<div class="navbar-title">
												<p>$20</p>
											</div>
										</dd>
									</dl>
								</div>
								<div class="wrapper-aside fl">
									<p>There hava been acts of thoughtfulness & words of encouragement. You hava gained a respect for each other's qualities, strength of resolve. trustworthi-ness,& kindness.</p>
									<p>I feel confident that during this time you hava grown & matured in your relationship with each other. And if uou remain faithful to the vows you are about to make, your life together will ve a blessing both to you & to those around you.</p>
									<p>There is a very beautiful passage of Scripture that I believe provides great advice for those who are enter-ing a marriage covenant.Indeed, it contains sound.</p>
								</div>
							</div>
						</div>
						<div class="message-right fr clearfix">
							<h1>LATEST EVENTS</h1>
							<div class="events-aside">
								<dl class="clearfix">
									<dt class="fl">
										<img src="img/eventAside1.jpg"/>
									</dt>
									<dd class="fl">
										<h2>UX Sketching And Wireframing Templates For Mobile Projects</h2>
										<p>POSTED ON SEP 18,2012</p>
									</dd>
								</dl>
							</div>
							<div class="events-aside">
								<dl class="clearfix">
									<dt class="fl">
										<img src="img/eventAside2.jpg"/>
									</dt>
									<dd class="fl">
										<h2>UX Sketching And Wireframing Templates For Mobile Projects</h2>
										<p>POSTED ON SEP 18,2012</p>
									</dd>
								</dl>
							</div>
							<div class="events-aside">
								<dl class="clearfix">
									<dt class="fl">
										<img src="img/eventAside3.jpg"/>
									</dt>
									<dd class="fl">
										<h2>UX Sketching And Wireframing Templates For Mobile Projects</h2>
										<p>POSTED ON SEP 18,2012</p>
									</dd>
								</dl>
							</div>
						</div>
					</section>
					<section class="envents-comments block">
						<div class="comments-wrapper">
							<h1 class="wrapper-title">13 Comments for : Night Sky : Visible Planets & Moon Phases</h1>
							<div class="wrapper-content">
								<div class="content-says clearfix">
									<div class="says-bordermax clearfix">
										<div class="bordermax-first">
											<div class="bordermax-inner"></div>
										</div>
									</div>
									<div class="says-list position1 clearfix">
										<div class="list-left position-child1 fl">
											<div class="left-header">
												<div class="example1">
													<span class="intro1"></span>
													<img src="img/eventAside4.jpg" />
												</div>
											</div>
										</div>
										<div class="list-right fl">
											<dl>
												<dt>Dany Duchaine says :</dt>
												<dd>
													<p>June 14th, 2011 at 3:51 pm -
														<a href="#"><i>Repty</i></a>
													</p>
													<p class="words">Oh,I'm in no condition to drive. Wait a minute. I don't hava to listen to myself. I'm drunk, I'm going to the back seat of my car, with the woman I love, and I won't be back.</p>
													<br />
													<p class="words">Morbo cen't understand his teleprompter because he forgot how you say that letter that's shaped like a man wearing a hat. Morbo will now introduce tonight's candidates...</p>
												</dd>
											</dl>
										</div>
									</div>
									<div class="says-list position2 clearfix">
										<div class="list-left position-child2 fl">
											<div class="left-header header-inner">
												<div class="example1">
													<span class="intro1"></span>
													<img src="img/eventAside3.jpg" />
												</div>
											</div>
										</div>
										<div class="list-right fl">
											<dl>
												<dt>Dany Duchaine says :</dt>
												<dd>
													<p>June 14th, 2011 at 3:51 pm -
														<a href="#"><i>Repty</i></a>
													</p>
													<p class="words">What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like...suicide.</p>
												</dd>
											</dl>
										</div>
									</div>
									<div class="says-list position3 clearfix">
										<div class="list-left position-child2 fl">
											<div class="left-header header-inner">
												<div class="example1">
													<span class="intro1"></span>
													<img src="img/eventAside2.jpg" />
												</div>
											</div>
										</div>
										<div class="list-right fl">
											<dl>
												<dt>Dany Duchaine says :</dt>
												<dd>
													<p>June 14th, 2011 at 3:51 pm -
														<a href="#"><i>Repty</i></a>
													</p>
													<p class="words">What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like...suicide.</p>
												</dd>
											</dl>
										</div>
									</div>
									<div class="says-list position4 clearfix">
										<div class="list-left position-child2 fl">
											<div class="left-header header-inner">
												<div class="example1">
													<span class="intro1"></span>
													<img src="img/eventAside1.jpg" />
												</div>
											</div>
										</div>
										<div class="list-right fl">
											<dl>
												<dt>Dany Duchaine says :</dt>
												<dd>
													<p>June 14th, 2011 at 3:51 pm -
														<a href="#"><i>Repty</i></a>
													</p>
													<p class="words">What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like...suicide.</p>
												</dd>
											</dl>
										</div>
									</div>
									<div class="says-list position5 clearfix">
										<div class="list-left position-child1 fl">
											<div class="left-header">
												<div class="example1">
													<span class="intro1"></span>
													<img src="img/eventAside5.jpg" />
												</div>
											</div>
										</div>
										<div class="list-right fl">
											<dl>
												<dt>Dany Duchaine says :</dt>
												<dd>
													<p>June 14th, 2011 at 3:51 pm -
														<a href="#"><i>Repty</i></a>
													</p>
													<p class="words">Oh, I'm in no condition to drive. Wait a minute. I don't hava to listen to myself. I'm drunk. I'm going to the back seat of my car. with the woman I love. and I won't be back.</p>
													<br />
													<p class="words">Morbo can't understand his teleprompter because he forgot how you say that letter that's shaped like a man wearing a hat. Morbo will now introduce tonight's candidates...</p>
												</dd>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>
					<section class="events-down block">
						<div class="down-wrapper">
							<h1 class="wrapper-title">Leave A Comment</h1>
							<div class="wrapper-personDate">
								<div class="personDate-new clearfix">
									<div class="fl">
										<input type="text" placeholder="YOUR NAME" />
									</div>
									<div class="fl">
										<input class="text" type="text" placeholder="YOUR E-MAIL" />
									</div>
									<div class="fl">
										<input class="text" type="text" placeholder="YOUR WEBSITE" />
									</div>
								</div>
								<div class="wrapper-textarea">
									<textarea placeholder="YOUR MESSAGE"></textarea>
								</div>
								<div class="wrapper-submit">
									<input class="text" type="text" value="SUBMIT COMMENT" />
								</div>
							</div>
						</div>
					</section>
				</div>
			</section>
			<footer class="site_footer ">
				<section class="footer_wrapper clearfix">
					<div class="content  clearfix">
						<div class="footer-inner clearfix">
							<div class="inner-left  clearfix">
								<div class="service-wrapper fl">
									<div class="service service-time">
										<h2 class="title">
										<i class="fa fa-clock-o"></i>
										CHURCH SERVICES
									</h2>
										<p class="time">SUNDAY-10:00 AM</p>
										<p class="time">3:00 PM</p>
										<p class="time">6:00 PM</p>
									</div>
									<div class="service service-location">
										<h2 class="title">
										<i class="fa fa-map-marker"></i>
										OUR LOCATION
									</h2>
										<p class="time">237 WEST 51ST ST.</p>
										<p class="time">NEW YORK,NY 10019</p>
									</div>
								</div>
								<div class="theme-pic fl">
									<h2 class="title">CHURCH SERVICES</h2>
									<div class="img">
										<div class="img-circle">
											<img src="img/church-sermons_2.jpeg" />
										</div>
									</div>
								</div>
							</div>
							<div class="inner-right clearfix">
								<p>
									Under the Lordship of Jesus Christ, we therefore endeavour to establish communities not only in Montreal but also beyong,where people can have opportunities to enter into living.
								</p>
								<p class="plan">
									Escape is not his plan. I must face him,alone.She must have hidden the plans in the escape pod.Send a detachment down to retrieve them,and see to it.
								</p>
							</div>
						</div>
					</div>
				</section>
				<section class="copyright_wrapper">
					<div class="content   clearfix">
						<div class="copyright clearfix">
							<div class="copyright-left fl">
								COPYRIGHT © THE GOOD NEWS2012,ALL RIGHT RESERVED.
							</div>
							<div class="copyright-right fr">
								DESIGNED WITH LOVE BY
								<a href="#">DANY DUCHAINE</a>
							</div>
						</div>
					</div>
				</section>
			</footer>
		</div>

		<script src="vendor/jquery.min.js"></script>
		<script src="vendor/jquery.rotate.min.js"></script>
		<script src="dist/core.js"></script>
		<script>
			$(function() {
				var common = commonjs();
				common.test();
			})
			//sHover插件设置
			var example1 = new sHover("example1", "intro1");
			example1.set({
				speed: 5
			});
			example1.set({
				opacity: 80
			});
			example1.set({
				opacityChange: true
			});
			example1.set({
				speed: 7,
				opacity: 90,
				opacityChange: true
			});
		</script>
	</body>

</html>
